<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="box">
			<tab-bar></tab-bar>
			<tab-bar :isshow="isshow" :text="text"></tab-bar>
		</div>
		<script type="text/javascript">
			Vue.component("tabBar",{
				template:`
					<div>
						<button v-if="isshow">返回</button>
						<span>导航--{{text}}</span>
						<button>登录</button>
					</div>`,
					props:{
						isshow:{
							type:Boolean,
							default:true
						},
						text:{
							type:String,
							default:"假的"
						}
						
					}
				
				
			})
			const vm=new Vue({
				el:"#box",
				data:{
					isshow:false,
					text:"真的"
				}
			})
		</script>
	</body>
</html>
